<template>
	<view class="content">
		<image :src="images_list" mode="" class="banner_image"></image>
		<view class="title">
			<view class="compary">
				{{data.title}}
			</view>
		</view>
			
		<view class="compary_text" v-html="data.content">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: [],
				images_list:''
			}
		},
		methods: {

			show() {
				var then = this
				this.$http.post("/system/getCompanyInfoWx", {}).then(res => {
					console.log(res)
					then.data = res.data.data
					then.images_list=res.data.data.images_list[0]
				})
			}
		},
		onLoad() {
			this.show()
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.banner_image {
		width: 100%;
	}
.title{
	width: 320rpx;
	height: 56rpx;
	background: #3d9c36;
	border-radius: 28rpx;
	margin-top: 20rpx;
}
.compary{
	width: 300rpx;
	height: 56rpx;
	line-height: 56rpx;
	font-size: 30rpx;
	font-weight: 500;
	color: #FFFFFF;
	padding-left: 10rpx;
}
	.compary_text {
		display: inline-block;
		width: 329px;
		height: 144px;
		position: absolute;
		left: 0;
		padding-top: 500rpx;
		font-size: 12px;
		text-indent: 2em;
		font-family: "PingFang SC", "PingFang SC-Medium";
		font-weight: 500;
		text-align: LEFT;
		color: #333333;
		line-height: 24px;
		padding-left: 50rpx;
		transform: translateY(10%);
	}
</style>
